<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>确认订单</title>
		<link rel="stylesheet" type="text/css" href="__STATIC__/Home/css/order.css"/>
		<script src="__STATIC__/js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script language="javascript" src="__STATIC__/Home/js/address.js"></script>
		<script language="javascript">
			var s=["s1","s2","s3"];
			var opt0 = ["请选择省","请选择市","请选择县（区）"];
			function setup(){
			 for(i=0;i<s.length-1;i++)
			  document.getElementById(s[i]).onclick=new Function("change("+(i+1)+")");
			 change(0);
			}
			window.onload=function(){
			setup()	
				
			};
			$(function(){
				
				$('.dj').live('click',function(){
					var dj = $('#s1').val() + '省,' + $('#s2').val() + '市,' + $('#s3').val();
					alert(dj);	
				})
				
				
				
				
				
				
				//			新地址  显示隐藏
	
				var k=0;
				$('.newadd').click(function(){
					if(k==0){
						$('#address .dl_all').css({display:'block'});
						k=1;
					}else if(k==1){
						$('#address .dl_all').css({display:'none'})
						k=0;
					}
					
				})
			
				
				
				
				
				
			})
			

			
		</script>
	</head>
<body>
<!--顶部红色部分-->
<div id="top_red">
	<div class="pic">
		<div class="pic_l">
			<a href="">蘑菇街首页</a>
		</div>
		<ul class="pic_r">
			<if value="$hd.session.username && $hd.session.uid">
				<li class='userinfo'>
					欢迎回来<a href="{|U:'Search/index'}" class='uname' style="margin-right:10px ;">{$hd.session.username}</a>
				</li>
				<li class="sp">|</li>
				<li><a href="{|U:'Login/out'}">退出</a></li>  
			<else/>
				<li><a href="{|U:'Register/index'}">注册</a></li>
				<li><a href="{|U:'Login/index'}">登陆</a></li>
			</if>
			<li><span>|</span><a href="">QQ登陆</a></li>
			<li><a href="">微信登陆</a></li>
			<li><a href="">微博登陆</a></li>
			<li><span>|</span><a href="">手机蘑菇街</a></li>
			<li><span>|</span><a href="">帮助中心</a></li>
		</ul>
	</div>
</div>
<!--顶部红色区域结束-->
<div id="arrange">
	<a href="{|U:'Index/index'}"><p></p></a>
	<div class="arr_right">
		<div class="arr_r_l">
			<div class="one">1</div>
		</div>
		<div class="arr_r_r">
			
			<div class="two">2</div>
			<div class="three">3</div>
			<div class="four">✔</div>
			<span class="sp_1">购物车</span>
			<span class="sp_2">确认订单</span>
			<span class="sp_3">支付</span>
			<span class="sp_4">完成</span>
		</div>
	</div>
</div>
<hr />


<form action="{|U:'Order/addRess'}" method="post">

<div id="address">
	<h2>选择收货地址</h2>
	<div class="adr">
		<ul class="ull">
			<foreach from="$addRess" key="$k" value="$v">
			<li class="info" adid="{$v.adid}">
				<p class="p_1">{$v.name}</p>
				<!--<p class="p_2">默认地址</p>-->
				<p class="p_3">{$v.address}</p>
				<!--<p></p>-->
				<p class="p_4">{$v.postcode}</p>
				<p class="p_5">{$v.phone}</p>
			</li>
			</foreach>
			<script type="text/javascript">
				$('.info').click(function(){
					
					$(this).addClass("add").siblings().removeClass("add");
//					用下面的隐藏域把adid传过去
					var id = $(this).attr('adid');
//					alert(id);
					$('input[name=adid]').val(id);
//					alert($('input[name=adid]').val());
				})
			</script>
		</ul>
	</div>
	
	
	
	<ul>
		<li><a href="{|U:'Search/addRess'}">管理收货地址</a></li>
		<li ><a href="javascript:;" class="newadd">使用新地址</a></li>
	</ul>
	<div class="dl_all">
		<dl class="dl_1">
			<dt>省&nbsp;:</dt>
			<dd>
				<select id="s1" name="province">
					<option value="" selected="selected">省份</option>
					
				</select>
				<label for="">市&nbsp;:</label>
				<select id="s2" name="city">
					<option value="" selected="selected">地级市</option>
					
				</select>
				<label for="">区&nbsp;:</label>
				<select id="s3" name="county">
					<option value="" selected="selected">市、县级市、县</option>
				
				</select>
			</dd>
		</dl>
		<dl class="dl_2">
			<dt>邮政编码&nbsp;:</dt>
			<dd><input type="text" name="postcode"/></dd>
		</dl>
		<dl class="dl_3">
			<dt>街道地址&nbsp;:</dt>
			<dd><textarea name="content" rows="" cols=""></textarea></dd>
			<p>请填写街道地址，最少5个字，最多不能超过100个字</p>
		</dl>
		<dl class="dl_4">
			<dt>收货人姓名&nbsp;:</dt>
			<dd><input type="" name="name" id="" value="" /></dd>
		</dl>
		<dl class="dl_5">
			<dt>手机&nbsp;:</dt>
			<dd><input type="" name="phone" id="" value="" /></dd>
		</dl>
		<div>
			<input type="submit" name="" class="a_left" value="" style="border:none;float: left; cursor: pointer;"/>
			<!--<a href="" class="a_left"></a>-->
			<a href="" class="a_right"></a>
		</div>
	</div>
</div>

</form>


<div id="confirm">
	<h2>确认商品信息</h2>
	<table border="0" cellspacing="" cellpadding="">
		<tr class="tr_1">
			<td width="465" height="50">商品</td>
			<td width="170" height="50">商品信息</td>
			<td width="97" height="50">单价(元)</td>
			<td width="97" height="50">数量</td>
			<td width="180" height="50"></td>
			<td width="98" height="50">小计(元)</td>
		</tr>
		<tr class="tr_2">
			<td height="62">
				<label for="">店铺：</label>
				<a href="">&nbsp;韩版超优品直供</a>
				<span></span>
				<img src="__STATIC__/Home/images/renzhen6.png"/>
			</td>
		</tr>
		
		<foreach from="$orderData['goods']" key="$k" value="$v">
		
			<tr class="tr_3" height="113">
				<td width="465" height="113">
					<img src="__ROOT__/{$v.options.pic}"/><a href="">{$v.name}</a>
				</td>
				<td width="170" height="113">
					<p>{$v.options.color}</p>
				</td>
				<td width="97" height="113" style="font-weight: 700;">{$v.price}</td>
				<td width="97" height="113">{$v.num}</td>
				<td width="100" height="113">
					<!--<select name="">
						<option value="">7折</option>
						<option value="">不使用优惠</option>
					</select>
					省16.80元-->
				</td>
				<td width="97" height="113" style="font-size: 16px;">{$v.total}</td>
			</tr>
		</foreach>
		<tr class="tr_4">
			<td width="430" height="69"> 备注&nbsp;:&nbsp; 
				<input type="" name="" id="" value="" placeholder="补充填写其他信息，如有快递不到也请留言备注"/>
			</td>
			<td colspan="5" style="text-indent: 490px;">快递运费：<span>全国包邮</span></td>
		</tr>
		<!--<tr class="tr_5">
			<td colspan="6" height="58">
				<div>
					全场优惠：	
					<select name="">
						<option value="">不使用优惠</option>
					</select>
					<span>- 0.00元</span>
				</div>
			</td>
		</tr>-->
		<tr class="tr_6">
			<td height="51" colspan="4" class="first">
				<a href="{|U:'Cart/index'}">返回购物车
					<span>共有 <i>{$orderData.total_rows}</i> 件商品，总计：</span>
				</a>
			</td>
			
			<form action="{|U:'Order/addOrder'}" method="post">
				
			<td colspan="2" class="last">
				<span>¥ {$orderData.total}</span>
				<input type="hidden" name="adid" id="" value="" />
				<input type="submit" name="" id="" value="" />
				
			</td>
			
			</form>
			
			
		</tr>
	</table>
</div>


<!-- 底部文字 -->
<div id="b_font">
	<div class="bb_font">
		<div class="b_font_l">
			<a href="" class="bone"></a>
			<p>营业执照注册号：<a href="">330106000129004</a></p>
			<p>增值电信业务经营许可证：<a href="">浙B2-20110349</a></p>
			<p>ICP备案号：浙ICP备10044327号-3</p>
			<p>©2015 Mogujie.com 杭州卷瓜网络有限公司</p>		
		</div>
		<div class="b_font_r">
			<dl>
				<dt>公司</dt>
				<dd><a href="">关于我们</a></dd>
				<dd><a href="">招聘信息</a></dd>
				<dd><a href="">联系我们</a></dd>
			</dl>  

			<dl>
				<dt>消费者</dt>
				<dd><a href="">帮助中心</a></dd>
				<dd><a href="">意见反馈</a></dd>
				<dd><a href="">手机版下载</a></dd>
			</dl>
			<dl>
				<dt>商家</dt>
				<dd><a href="">免费开店</a></dd>
				<dd><a href="">商家入驻</a></dd>
				<dd><a href="">管理后台</a></dd>
			</dl>
			<dl class="llast">
				<dt>权威认证</dt>
				<dd>
					<a href="" class="llast-1"></a>
					<a href="" class="llast-2"></a>
					<a href="" class="llast-3"></a>
				</dd>
			</dl>
		</div>
	</div>
</div>




<!-- 底部文字结束 -->


</body>
</html>
